<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
      <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
     <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/font-awesome.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link href="http://fonts.googleapis.com/css?family=Molle:400i&amp;subset=latin-ext" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
	    rel="stylesheet">
	<style type="text/css">
	.form input{width:400px;height:50px;}
	.form input[type="submit"]{width:100px;background-color: rgb(0,205,193);color:White;border:0px;}
	
	</style>
</head>
<body>
	<div class="services" id="services">
		<div class="container">
			<div style="width:100%;text-align: center;">
			<form action="UserSelectPetByPname"  enctype="multipart/form-data"  method="post" class="form">
		    <input type="text" name="pname" value="${pname}"  >
		    <input type="submit" value="查找宠物"  />
		   </form><Br>
			<c:forEach items="${listtype}" var="type">
			<a href="selectbyPettype?tid=${type.tid}"><button>${type.tname}</button></a>
			</c:forEach>
			</div>
			<Br>
			<div class="w3_agile_services_grids">
				<c:forEach items="${list}" var="Pet" varStatus="status">
				<div class="col-md-4 col-sm-4 col-xs-4 w3_agile_services_grid " data-aos="zoom-in">
					<div class="ih-item circle effect1 agile_services_grid">
						<div class="spinner"></div>
						<div class="img">
							<img src="images/${Pet.img}" alt=" " class="img-responsive" />
						</div>
					</div>
					<fieldset>
						<legend>${Pet.pname}</legend>
						<a href="selectPetByID?pid=${Pet.pid}">详情</a>
					</fieldset>
				</div>
				</c:forEach>
				
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="w3l-img-side">
			<img src="images/cat11.png" alt="" />
		</div>
		<div class="w3l-img-side w3l-img-side2">
			<img src="images/cat1.png" alt="" />
		</div>
	</div>
</body>
</html>